<template>
	<view class="main" :style="{ background: props.bgColor }">
		<view class="content">
			<view class="">
				<view class="top" :style="{ paddingTop: systemInfo.titleTop + 'px' }">
					<view class="main-title" :style="{ height: systemInfo.sBarHeight + 'px', 'line-height': systemInfo.sBarHeight + 'px' }">
						<slot></slot>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
const props = defineProps({
	bgColor: {
		type: String,
		default: '#fff'
	},
	pos: {
		type: String,
		default: 'static'
	}
});

const capsule = uni.getStorageSync('capsule');
let systemInfo = uni.getStorageSync('systemInfo');
</script>

<style lang="scss" scoped></style>
